.orderList{
	.yellow{
        color: #FE8106;
    }
    .gray{
        color: #4a4a4a;
    }
    .fz12{
        font-size: 0.6rem;
    }
    .fz16{
        font-size: 0.8rem;
    }
	.content{
		padding: 0 0.5rem;
	}
	.nav-bar{
		margin-top: 0.75rem;
		ul{
		    display: flex;
		    justify-content: space-around;
		    font-size: 0.8rem;
		    li{
		    	padding: 0 1.0rem 0.25rem;
		    	color: #4a4a4a;
		    }
		    li.active{
		    	border-bottom: 0.1rem solid;
		    	color: #FE8106;
		    }
		}
	}
	.list{
		background: #FFFFFF;
		border-radius: 0.3rem;
		padding: 0.6rem 0.7rem;
		margin-top: 0.5rem;
		box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,0.10);
		.list-item{
			margin-bottom: 1.25rem;
			.product{
				display: flex;
				.thumb{
					margin-right: 0.55rem;
					img{
						width: 3.3rem;
					}
				}
				.detail{
					.address{
						display: flex;
					    font-size: 0.6rem;
					    color: #9B9B9B;
					    justify-content: space-between;
					    align-items: baseline;
					    margin-top: 0.4rem;
					    span:first-child{
					    	width: 50%;
					    }
					    span:last-child{
					    	text-align: right;
					    }
					}
				}
			}
			.amount{
				display: flex;
    			justify-content: space-between;
    			margin-bottom: 0.35rem;
    			margin-top: 0.4rem;
			}
			.amount_detail{
				display: flex;
				justify-content:flex-end;
				color: #9b9b9b;
				font-size: 0.6rem;
				margin-bottom: .35rem;
			}
			.handle{
				color: #9b9b9b;
				font-size: 0.6rem;
				display: flex;
			    justify-content: space-between;
			    align-items: center;
			    padding-top: 0.35rem;
			    border-top: 1px dashed #e3e9ec;
				img.icon{
					width: 0.8rem;
					vertical-align: sub;
					margin-right: 0.4rem;
				}
				.delBtn{
					img{
						width: 4.3rem;
					}
				}
			}
		}
	}
	.list.null{
		height: 10.0rem;
		line-height: 10.0rem;
	}
	.handleBtn{
		width: 14.0rem;
	}
}